<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>FullPage.js 示例</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.css">
    <style>
        .img1{
            background: url('./img1.jpg') no-repeat center center;
        }
        .img2{
            background: url('./img2.jpg') no-repeat center center;
        }
        .img3{
            background: url('./img3.jpg') no-repeat center center;
        }
        .img4{
            background: url('./img4.jpg') no-repeat center center;
        }
        .imgBox {
            width: 100%;
            height: 100%;
            background-size: cover;
        }
        .textBox{
            width: auto;
            padding: 20% 20%;
            font-size: 50px;
            font-weight: 600;
            color: blue;
        }
    </style>
</head>
<body>
    <div class=""></div>
    <div id="fullpage">
        <div class="section">
            <div class="imgBox img1">
                <div class="textBox">
                    上海云驰通供应链管理有限公司成立于2025年，是一家专注于为全球客户提供一体化供应链解决方案的现代化服务企业。公司以“智慧链接全球，服务创造价值”为核心理念，致力于通过数字化技术与精益化管理，帮助客户优化供应链效率、降低运营成本，实现商业价值的持续增长。
                </div>
            </div>
        </div>
        <div class="section">
            <div class="imgBox img2">
                <div class="textBox">
                    ①与国内知名电商平台深度合作，涉及母婴、家居、美妆等产品
②仓储服务：提供货物存储、保管、分类、包装等服务
③运输服务：提供陆运、海运、空运等多种运输方式

                </div>
            </div>
        </div>
        <div class="section">
            <div class="imgBox img3">
                <div class="textBox">
                    以创新为引擎，以客户为中心，云驰通供应链立志成为全球领先的智慧供应链服务商，推动全球贸易高效协同发展
                </div>
            </div>
        </div>
        <div class="section">
            <div class="imgBox img4">
                <div class="textBox">
                    地址：上海市闵行区申昆路2000号1幢1层标高层1B04
                    <br>
邮箱：243679820@qq.com

                </div>
            </div>
        </div>
        <!-- <div class="section">
            <div class="imgBox img5"></div>
        </div> -->
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.2/fullpage.min.js"></script>
    <script>
        new fullpage('#fullpage', {
            autoScrolling: true,
            navigation: true,
            anchors:['firstPage', 'secondPage', 'theThirdPage', 'theFourthPage'],//锚点
            slidesNavigation: true, //slide 导航
		    slidesNavPosition: 'top',
        });
    </script>
</body>
</html>